@import '../../../core/index.less';
.ori-chip-root {
    display: inline-block;
    width: auto;
    height: 24 / @remScale;
    margin: 2 / @remScale;
    padding: 0 6 / @remScale;
    border: 1 / @remScale solid @mainColor;
    font-size: 12 / @remScale;
    line-height: 24 / @remScale;
    cursor: pointer;
    color: @danger-input-color;
    border-radius: 4 / @remScale;

    .close {
        display: inline-block;
        position: relative;
        width: 12 / @remScale;
        height: 12 / @remScale;
        line-height: 12 / @remScale;
        vertical-align: middle;

        &::before, &::after {
            content: '';
            position: absolute;
            height: 1 / @remScale;
            width: 100%;
            top: 6 / @remScale;
            left: 2 / @remScale;
            margin-top: -1 / @remScale;
            background: @danger-input-color;
        }

        &::before {
            transform: rotate(45deg);
        }

        &::after {
            transform: rotate(-45deg);
        }
    }
}
